<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="/css/animate.css" rel="stylesheet">
    <link href="/css/style.css?v=4.1.0" rel="stylesheet">

    <link href="/bootstraptable/bootstrap-table.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
    <div style="width: 1200px;margin: 0 auto;">
        <h5 style="color: #3e79b6">您正在做的业务是：生产管理--生产调度管理--制定生产派工单</h5>
    </div>

    <div style="text-align: right" class="show">
        <button type="button" id="viewMaterial" style="width: 120px"
                class="btn btn-info">生产派工单</button>
    </div>

    <!--查询数据表格-->
    <table id="unmake_procedure_list_table"></table>
</div>
<!-- 全局js -->
<script src="/js/jquery.min.js?v=2.1.4"></script>
<script src="/js/bootstrap.min.js?v=3.3.6"></script>
<script src="/js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="/js/plugins/layer/layer.min.js"></script>

<!-- 自定义js -->
<script src="/js/hAdmin.js?v=4.1.0"></script>
<!--<script type="text/javascript" src="/js/index.js"></script>-->

<!-- 第三方插件 -->
<script src="/js/plugins/pace/pace.min.js"></script>

<!--BootstrapTable-->
<script src="/bootstraptable/bootstrap-table.min.js"></script>
<script src="/bootstraptable/locale/bootstrap-table-zh-CN.min.js"></script>
<script>
    $(function () {
        // 初始化dom刷新表格
        $("#unmake_procedure_list_table").bootstrapTable({
            // 请求方式
            method: "post",
            // 内容类型：如果请求方式是post，内容类型必须是application/x-www-form-urlencoded
            contentType: "application/x-www-form-urlencoded",
            // 请求路径
            url: '/procedure/apply/TooList',
            // 数据行交替样式
            striped: true,
            // 是否是服务器端分页：server表示服务器端，client表示前端分页
            sidePagination: 'server',
            //初始化加载第一页
            pageNumber: 1,
            //是否分页
            pagination:true,
            // 单页记录数，页大小
            pageSize: 5,
            // 分页列表
            pageList: [2, 5, 10, 20],
            //刷新按钮
            // showRefresh:true,
            // 请求参数
            queryParams: function (params) {
                let obj = {
                    // params.limit获取组件中的页大小
                    // params.offset获取请求数据的起始索引
                    pageSize: params.limit,
                    pageNo: (params.offset / params.limit) + 1,
                }
                return obj;
            },
            // 表格列标题
            columns: [{
                title: "点选",
                formatter: function (value, row, index) {
                    return "<input type='checkbox' class='checkbox-inline' name='checkBoxName'/>"
                }
            }, {
                title: "计划单编号",
                field: "applyId"
            },{
                title: "产品编号",
                field: "productId",
            },{
                title: "产品名称",
                field: "productName",
            },{
                title: "描述",
                field: "productDescribe"
            },{
                title: "数量",
                field: "amount",
            },{
                title: "审核时间",
                field: "checkTime"
            }]
        })

        //点击制定派工单的按钮
        $("#viewMaterial").click(function () {
            //获取所有被选中的复选框
            let checkBoxName = $(":checkbox[name='checkBoxName']:checked")
            if (checkBoxName.length == 0) {
                alert("请至少选中一个派工单进行生产")
                return
            }
        })
    })

    //根据产品档案id
    function viewUI(id) {
        //将id保存到跳转页面
        localStorage.setItem("id", id)
        window.location = "/procedure/design_apply_list_viewUI"
    }
</script>
</body>
</html>